// pages/expCourse/expCourse.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tips: { duration: 0, txt:''},
    dialog: false,
    windowHeight:0,
    showModalStatus:false,
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that= this;
    that.setData({
      windowHeight: wx.getSystemInfoSync().windowHeight
    })

    console.log('---expCourse---');

  },

  /**
   * 关闭课程介绍
   */
  fnCloseDialog(){
    this.setData({
      dialog:false
    })
  },

  /**
   * 显示课程介绍
   */
  fnShowDialog(){
    this.setData({
      dialog: true
    })
  },

  /**
   * tips 提示 
   */
  fnTips(tips){
    var _this = this;
    if (tips.duration){
      setTimeout(() => { 
        var tip = { duration: 0 };
        _this.setData({
          tips: tip
        })
      }, tips.duration)
    }
  },
  
  /**
   * 立即报名
   */
  fnBaoMing(){
    wx.navigateTo({
      url: '../payment/payment',
    })
  },

  /**
   * 试听
   */
  fnTryCoursePlay(){
    wx.navigateTo({
      url: '../tryCoursePlay/tryCoursePlay',
    })
  },

  /**
   * 课后作业
   */
  fnMyWork(){
    wx.navigateTo({
      url: '../myWork/myWork',
    })
  },

  fnReading(){
    wx.navigateTo({
      url: '../reading/reading',
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  },

  powerDrawer: function (e) {
    var currentStatu = e.currentTarget.dataset.statu;
    this.util(currentStatu)
  },
  util: function (currentStatu) {
    var that = this;
    /* 动画部分 */
    // 第1步：创建动画实例   
    var animation = wx.createAnimation({
      duration: 800,  //动画时长  
      timingFunction: "linear", //线性  
      delay: 0  //0则不延迟  
    });

    // 第2步：这个动画实例赋给当前的动画实例  
    this.animation = animation;

    // 第3步：执行第一组动画：Y轴偏移240px后(盒子高度是240px)，停  
    animation.translateY(that.data.windowHeight * 0.92).step();

    // 第4步：导出动画对象赋给数据对象储存  
    this.setData({
      animationData: animation.export()
    })

    // 第5步：设置定时器到指定时候后，执行第二组动画  
    setTimeout(function () {
      // 执行第二组动画：Y轴不偏移，停   
      animation.translateY().step()
      // 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象  
      this.setData({
        animationData: animation
      })

      //关闭抽屉  
      if (currentStatu == "close") {
        this.setData(
          {
            showModalStatus: false
          }
        );
      }
    }.bind(this), 800)

    // 显示抽屉  
    if (currentStatu == "open") {
      this.setData(
        {
          showModalStatus: true
        }
      );
    }
  }








})